<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/clear.css" rel="stylesheet">
    <link href="../css/index.css" rel="stylesheet">
    <link href="../css/jx.css" rel="stylesheet">
    <style media="screen">
        #videobox {
            position: fixed;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            margin: auto;
            z-index: 999999999999999999999;
            width: 600px;
            height: 400px;
            display: none;
        }
    </style>
    <title>研究生课程</title>
</head>

<body>
<div class="black">
    <img src="../img/close.png" alt="" style="position:absolute;top:10px;right:10px;" class="close">
</div>
<div class="Box clearfix">
    <div class="TopBar">
        <div class="TopBrind">
            <div class="pull-left">
                <p>您好，欢迎来到浙江省高校思想政治理论网上工作平台！</p>
            </div>
            <div class="pull-right">
                <div class="pull-left">
                    <img src="../img/Shape Copy.png" alt="">
                    <span>帮助</span>
                </div>
                <div class="pull-left" style="margin-left:8px">
                    <img id="schoolHeadPic" src="../img/Mask Copy 2.png" alt="">
                    <li class="dropdown pull-right in-accountDiv">
                        <a href="" class="dropdown-toggle" data-toggle="dropdown">
                            <span id="teacherUsername" class="account"></span><span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="/logout"><span class="glyphicon glyphicon-log-out"></span>退出</a></li>
                        </ul>
                    </li>
                </div>
            </div>
        </div>
        <div class="TopTitle">
            <p class="Title"><b>浙江省高校思想政治理论网上工作平台</b></p>
            <p class="SmallEnglish">Zhejiang Province university ideological and political theory online platform</p>
        </div>
        <div class="nav">
            <ul>
                <li id="newsindex"><a href="/sizheng/html/newsindex.html">首页</a></li>
                <li id="jx_main"><a href="/sizheng/html/jx_main.html">教学资源库</a></li>
                <li id="ms_main"><a href="/sizheng/html/ms_main.html">名师工作室</a></li>
                <li id="gxxxgl_main"><a href="/sizheng/html/gxxxgl_main.html">高校信息管理</a></li>
                <li id="gxjl_main"><a href="/sizheng/html/gxjl_main.html">高校交流</a></li>
                <li id="my_mes"><a href="/sizheng/html/my_mes.html">我的信息</a></li>
                <div class="clearfix"></div>
            </ul>
        </div>
    </div>
    <div class="toptitleimg clearfix">
        <img src="../img/jx/7.png" alt="">
        <p class="topp">研究生课程</p>
        <p class="bottomp">
            <!--本书是中央马克思主义理论研究和建设工程重点教材。本书旨在帮助学生学习和理解马克思主义的基本原理，从整体上把握马克思主义，并学会运用马克思主义的基本原理认识和分析现实问题。本书是在原有教材的基础上进行修订而成的，这次修订主要体现了党的十八大[1]-->
            <!--精神进教材，同时适当吸收了一线师生使用中所提出的意见和建议。全书主要内容包括：马克思主义基本原理是关于无产阶级和人类解放的科学，物质世界的本质及其发展，认识世界和改造世界，社会结构，社会发展规律与历史主体，资本主义的形成及其本质，资本主义的发展进程，社会主义制度的建立及其发展，共产主义是人类最崇高的社会理想等。</p>-->
    </div>
    <div class="mainBox clearfix">
        <div class="leftBox pull-left">
            <div class="leftBoxTop no-border">
                <div class="TitleBox clearfix">
                    <div class="red pull-left"></div>
                    <div class="redTitle pull-left">
                        教材大纲
                    </div>
                </div>
                <div class="gonggao">
                    <ul>
                        <!--<li>中国特色社会主义理论与实践研究</li>-->
                        <!--<li>自然辩证法概论</li>-->
                        <!--<li>马克思主义与社会科学方法论</li>-->
                        <!--<li>博士课程</li>-->
                        <!--<li>中国马克思主义与当代</li>-->
                        <!--<li>马克思主义经典著作选读</li>-->
                        <!--<li>马克思主义与社会科学方法论</li>-->
                        <!--<li>博士课程</li>-->
                        <!--<li>中国马克思主义与当代</li>-->
                        <!--<li>马克思主义经典著作选读</li>-->
                    </ul>
                </div>
            </div>
        </div>

        <div class="RightBox pull-right RightBoxTop no-border">
            <div>

                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab"
                                                              data-toggle="tab">教学要点</a></li>
                    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab"
                                               data-toggle="tab">教学素材</a></li>
                    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">精彩一课</a>
                    </li>
                    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">教学案例</a>
                    </li>
                </ul>

                <!-- Tab panes -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="home">
                        <div class="RightBoxTop no-border">
                            <div class="TitleBox border-bottom clearfix">
                                <div class="red pull-left"></div>
                                <div class="redTitle pull-left ">
                                    要点概览
                                </div>
                            </div>
                            <div class="shizheng">
                                <p class="xq">
                                    <!--一方面，全世界资本主义已经发展到了垄断阶段；另一方面，俄国资本主义又带有其他资本主义国家没有的封建农奴制的残余。这使俄国成为一个军事的封建的帝国主义国家。当时俄国的社会矛盾十分尖锐，无产阶级、农民群众与沙皇专制制度、封建地主阶级、资产阶级的矛盾相互交织，资本主义与农奴制残余的矛盾、民族矛盾、俄国人民与西方帝国主义的矛盾，以及西方资产阶级革命运动与俄国军事帝国主义反动堡垒的矛盾等异常突出和激烈。沙皇的横征暴敛也使俄国成了人民的大监狱。在这样的条件下，俄国成为帝国主义各种矛盾的焦点、集合点，并由此也成为帝国主义体系中最薄弱的环节，这就为无产阶级革命首先在俄国发生并取得胜利准备了有利的条件。-->
                                    <!--　　马克思、恩格斯依据自由资本主义阶段的世界政治经济发展状况，曾得出过社会主义革命将首先在资本主义发达的国家同时发生的结论。-->
                                    <!--马克思、恩格斯曾经强调，无产阶级“联合的行动，至少是各文明国家的联合的行动，是无产阶级获得解放的首要条件之一”。马克思、恩格斯逝世后，世界形势发生了很大的变化。面对日益成熟的革命条件，是抱着“本本”不放，拘泥于马克思主义经典作家针对当时情况作出的个别的论断，还是从变化了的实际情况出发，进行理论探索和创新，发展马克思主义？-->
                                </p>
                            </div>
                        </div>
                        <div class="RightBoxBottom no-border" style="margin-top: 0px;">
                            <div class="TitleBox clearfix">
                                <div class="red pull-left"></div>
                                <div class="redTitle pull-left">
                                    理论前沿
                                </div>
                                <span class="more">更多</span>
                            </div>
                            <div class="sizheng clearfix">
                                <ul>
                                    <!--<li class="clearfix">-->
                                    <!--<img src="../img/jx/timg1.jpeg" alt="" class="img-rounded pull-left">-->
                                    <!--<div class="pull-left right-list">-->
                                    <!--<p>马克思，恩格斯：共产党宣言</p>-->
                                    <!--<p class="small">-->
                                    <!--<span class="longsmall pull-left">中共中央政治局1月30日召开会议，听取和审议《中央政治局常委会听取和研究…</span>-->
                                    <!--<span class="pull-right" style="margin-left:50px;">浏览120次</span>-->
                                    <!--<span class="pull-right">2018-1-25</span>-->
                                    <!--</p>-->
                                    <!--</div>-->
                                    <!--</li>-->
                                    <!--<li class="clearfix">-->
                                    <!--<img src="../img/jx/timg1.jpeg" alt="" class="img-rounded pull-left">-->
                                    <!--<div class="pull-left right-list">-->
                                    <!--<p>马克思，恩格斯：共产党宣言</p>-->
                                    <!--<p class="small">-->
                                    <!--<span class="longsmall pull-left">中共中央政治局1月30日召开会议，听取和审议《中央政治局常委会听取和研究…</span>-->
                                    <!--<span class="pull-right" style="margin-left:50px;">浏览120次</span>-->
                                    <!--<span class="pull-right">2018-1-25</span>-->
                                    <!--</p>-->
                                    <!--</div>-->
                                    <!--</li>-->
                                    <!--<li class="clearfix">-->
                                    <!--<img src="../img/jx/timg1.jpeg" alt="" class="img-rounded pull-left">-->
                                    <!--<div class="pull-left right-list">-->
                                    <!--<p>马克思，恩格斯：共产党宣言</p>-->
                                    <!--<p class="small">-->
                                    <!--<span class="longsmall pull-left">中共中央政治局1月30日召开会议，听取和审议《中央政治局常委会听取和研究…</span>-->
                                    <!--<span class="pull-right" style="margin-left:50px;">浏览120次</span>-->
                                    <!--<span class="pull-right">2018-1-25</span>-->
                                    <!--</p>-->
                                    <!--</div>-->
                                    <!--</li>-->
                                    <!--<li class="clearfix">-->
                                    <!--<img src="../img/jx/timg1.jpeg" alt="" class="img-rounded pull-left">-->
                                    <!--<div class="pull-left right-list">-->
                                    <!--<p>马克思，恩格斯：共产党宣言</p>-->
                                    <!--<p class="small">-->
                                    <!--<span class="longsmall pull-left">中共中央政治局1月30日召开会议，听取和审议《中央政治局常委会听取和研究…</span>-->
                                    <!--<span class="pull-right" style="margin-left:50px;">浏览120次</span>-->
                                    <!--<span class="pull-right">2018-1-25</span>-->
                                    <!--</p>-->
                                    <!--</div>-->
                                    <!--</li>-->
                                    <!--<li class="clearfix">-->
                                    <!--<img src="../img/jx/timg1.jpeg" alt="" class="img-rounded pull-left">-->
                                    <!--<div class="pull-left right-list">-->
                                    <!--<p>马克思，恩格斯：共产党宣言</p>-->
                                    <!--<p class="small">-->
                                    <!--<span class="longsmall pull-left">中共中央政治局1月30日召开会议，听取和审议《中央政治局常委会听取和研究…</span>-->
                                    <!--<span class="pull-right" style="margin-left:50px;">浏览120次</span>-->
                                    <!--<span class="pull-right">2018-1-25</span>-->
                                    <!--</p>-->
                                    <!--</div>-->
                                    <!--</li>-->
                                </ul>
                            </div>
                        </div>
                        <div class="RightBoxBottom no-border">
                            <div class="TitleBox border-bottom clearfix">
                                <div class="red pull-left"></div>
                                <div class="redTitle pull-left ">
                                    答疑解惑
                                </div>
                            </div>
                            <div class="question border-bottom">
                                <p class="problem">Q：本原的追问？</p>
                                <p class="answer">
                                    A：泰勒就把水看成本原（因而宣称地浮在水上）。他得到这个看法，也许是由于观察到万物都以湿的东西为养料，热本身就是从湿气里产生，靠湿气维持的。他得到这个看法可能是以此为依据，也可能是由于万物的种子都有潮湿的本性，而水则是潮湿本性的来源。--亚里士多德：《形而上学》，983b-984a</p>
                            </div>
                            <div class="question border-bottom">
                                <p class="problem">Q：本原的追问？</p>
                                <p class="answer">
                                    A：泰勒就把水看成本原（因而宣称地浮在水上）。他得到这个看法，也许是由于观察到万物都以湿的东西为养料，热本身就是从湿气里产生，靠湿气维持的。他得到这个看法可能是以此为依据，也可能是由于万物的种子都有潮湿的本性，而水则是潮湿本性的来源。--亚里士多德：《形而上学》，983b-984a</p>
                            </div>
                            <div class="question border-bottom">
                                <p class="problem">Q：本原的追问？</p>
                                <p class="answer">
                                    A：泰勒就把水看成本原（因而宣称地浮在水上）。他得到这个看法，也许是由于观察到万物都以湿的东西为养料，热本身就是从湿气里产生，靠湿气维持的。他得到这个看法可能是以此为依据，也可能是由于万物的种子都有潮湿的本性，而水则是潮湿本性的来源。--亚里士多德：《形而上学》，983b-984a</p>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="profile">
                        <div class="RightBoxBottom no-border">
                            <div class="TitleBox border-bottom clearfix">
                                <div class="red pull-left"></div>
                                <div class="redTitle pull-left ">
                                    视频素材
                                </div>
                                <span class="more">更多</span>
                            </div>
                            <div class="imgBox clearfix imgBoxnomargin">
                                <!--<div class="imgBoxList video">-->
                                <!--<img src="../img/video.png" alt="" style="width:56px;height:76px;">-->
                                <!--<p>义勇军进行曲.mp4</p>-->
                                <!--</div>-->
                                <!--<div class="imgBoxList video">-->
                                <!--<img src="../img/video.png" alt="" style="width:56px;height:76px;">-->
                                <!--<p>义勇军进行曲.mp4</p>-->
                                <!--</div>-->
                                <!--<div class="imgBoxList video">-->
                                <!--<img src="../img/video.png" alt="" style="width:56px;height:76px;">-->
                                <!--<p>义勇军进行曲.mp4</p>-->
                                <!--</div>-->
                                <!--<div class="imgBoxList video">-->
                                <!--<img src="../img/video.png" alt="" style="width:56px;height:76px;">-->
                                <!--<p>义勇军进行曲.mp4</p>-->
                                <!--</div>-->
                                <!--<div class="imgBoxList video">-->
                                <!--<img src="../img/video.png" alt="" style="width:56px;height:76px;">-->
                                <!--<p>义勇军进行曲.mp4</p>-->
                                <!--</div>-->
                            </div>

                        </div>
                        <div class="RightBoxBottom no-border clearfix">
                            <div class="TitleBox border-bottom clearfix">
                                <div class="red pull-left"></div>
                                <div class="redTitle pull-left ">
                                    文档素材
                                </div>
                            </div>
                            <div class="wordlist">
                                <!--<div class="col-md-6 border-bottom">-->
                                <!--<img src="../img/red.png" alt="" class="pull-left">-->
                                <!--<p class="wordname">第一章 世界的物质性及发展规律</p>-->
                                <!--</div>-->
                                <!--<div class="col-md-6 border-bottom">-->
                                <!--<img src="../img/red.png" alt="" class="pull-left">-->
                                <!--<p class="wordname">第一章 世界的物质性及发展规律</p>-->
                                <!--</div>-->
                                <!--<div class="col-md-6 border-bottom">-->
                                <!--<img src="../img/blue.png" alt="" class="pull-left">-->
                                <!--<p class="wordname">第一章 世界的物质性及发展规律</p>-->
                                <!--</div>-->
                                <!--<div class="col-md-6 border-bottom">-->
                                <!--<img src="../img/blue.png" alt="" class="pull-left">-->
                                <!--<p class="wordname">第一章 世界的物质性及发展规律</p>-->
                                <!--</div>-->
                                <!--<div class="col-md-6 border-bottom last-li">-->
                                <!--<img src="../img/red.png" alt="" class="pull-left">-->
                                <!--<p class="wordname">第一章 世界的物质性及发展规律</p>-->
                                <!--</div>-->
                            </div>
                        </div>
                        <div class="RightBoxBottom no-border">
                            <div class="TitleBox border-bottom clearfix">
                                <div class="red pull-left"></div>
                                <div class="redTitle pull-left ">
                                    其他素材
                                </div>
                            </div>
                            <div class="wordlist">
                                <!--<div class="col-md-6 border-bottom">-->
                                <!--<img src="../img/yellow.png" alt="" class="pull-left">-->
                                <!--<p class="wordname">第一章 世界的物质性及发展规律</p>-->
                                <!--</div>-->
                                <!--<div class="col-md-6 border-bottom">-->
                                <!--<img src="../img/yellow.png" alt="" class="pull-left">-->
                                <!--<p class="wordname">第一章 世界的物质性及发展规律</p>-->
                                <!--</div>-->
                                <!--<div class="col-md-6 border-bottom">-->
                                <!--<img src="../img/yellow.png" alt="" class="pull-left">-->
                                <!--<p class="wordname">第一章 世界的物质性及发展规律</p>-->
                                <!--</div>-->
                                <!--<div class="col-md-6 border-bottom">-->
                                <!--<img src="../img/yellow.png" alt="" class="pull-left">-->
                                <!--<p class="wordname">第一章 世界的物质性及发展规律</p>-->
                                <!--</div>-->
                                <!--<div class="col-md-6 border-bottom last-li">-->
                                <!--<img src="../img/yellow.png" alt="" class="pull-left">-->
                                <!--<p class="wordname">第一章 世界的物质性及发展规律</p>-->
                                <!--</div>-->
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="messages">
                        <div class="RightBoxBottom no-border" style="margin-top:0">
                            <div class="TitleBox border-bottom clearfix">
                                <div class="red pull-left"></div>
                                <div class="redTitle pull-left ">
                                    精彩一课
                                </div>
                                <span class="more"><a href="xq_list.html">更多</a></span>
                            </div>
                            <div class="imgBox clearfix">
                                <!--<div class="imgBoxList">-->
                                <!--<img src="../img/mks.jpg" alt="">-->
                                <!--<p>世界的物质性及发展规律</p>-->
                                <!--<p class="time">浙江大学</p>-->
                                <!--</div>-->
                                <!--<div class="imgBoxList">-->
                                <!--<img src="../img/ln.jpg" alt="">-->
                                <!--<p>亚里士多德</p>-->
                                <!--<p class="time">浙江大学</p>-->
                                <!--</div>-->
                                <!--<div class="imgBoxList">-->
                                <!--<img src="../img/ys.jpg" alt="">-->
                                <!--<p>世界的物质性及发展规律</p>-->
                                <!--<p class="time">浙江大学</p>-->
                                <!--</div>-->
                                <!--<div class="imgBoxList">-->
                                <!--<img src="../img/sx.jpg" alt="">-->
                                <!--<p>世界的物质性及发展规律</p>-->
                                <!--<p class="time">浙江大学</p>-->
                                <!--</div>-->
                                <!--<div class="imgBoxList">-->
                                <!--<img src="../img/yh.jpg" alt="">-->
                                <!--<p>世界的物质性及发展规律</p>-->
                                <!--<p class="time">浙江大学</p>-->
                                <!--</div>-->
                                <!--<div class="imgBoxList">-->
                                <!--<img src="../img/yh.jpg" alt="">-->
                                <!--<p>世界的物质性及发展规律</p>-->
                                <!--<p class="time">浙江大学</p>-->
                                <!--</div>-->
                                <!--<div class="imgBoxList">-->
                                <!--<img src="../img/yh.jpg" alt="">-->
                                <!--<p>世界的物质性及发展规律</p>-->
                                <!--<p class="time">浙江大学</p>-->
                                <!--</div>-->
                                <!--<div class="imgBoxList">-->
                                <!--<img src="../img/yh.jpg" alt="">-->
                                <!--<p>世界的物质性及发展规律</p>-->
                                <!--<p class="time">浙江大学</p>-->
                                <!--</div>-->
                                <!--<div class="imgBoxList">-->
                                <!--<img src="../img/yh.jpg" alt="">-->
                                <!--<p>世界的物质性及发展规律</p>-->
                                <!--<p class="time">浙江大学</p>-->
                                <!--</div>-->
                                <!--<div class="imgBoxList">-->
                                <!--<img src="../img/yh.jpg" alt="">-->
                                <!--<p>世界的物质性及发展规律</p>-->
                                <!--<p class="time">浙江大学</p>-->
                                <!--</div>-->
                            </div>
                            <!-- <div class="pull-right clearfix">
                              <nav aria-label="Page navigation" class="pull-left">
                                <ul class="pagination pagination-sm">
                                  <li>
                                    <a href="#" aria-label="Previous">
                                      <span aria-hidden="true">&laquo;</span>
                                    </a>
                                  </li>
                                  <li class="active"><a href="#">1</a></li>
                                  <li><a href="#">2</a></li>
                                  <li><a href="#">3</a></li>
                                  <li><a href="#">4</a></li>
                                  <li><a href="#">5</a></li>
                                  <li>
                                    <a href="#" aria-label="Next">
                                      <span aria-hidden="true">&raquo;</span>
                                    </a>
                                  </li>
                                </ul>
                              </nav>
                              <div class="dropdown pull-left">
                                <button class="btn btn-sm btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="margin-top:20px">
                                  10条/页
                                  <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                  <li><a href="#">10条/页</a></li>
                                  <li><a href="#">10条/页</a></li>
                                  <li><a href="#">10条/页</a></li>
                                  <li><a href="#">10条/页</a></li>
                                </ul>
                              </div>
                              <div class="dramp pull-left">
                                跳至
                                <input type="text" class="drampto" placeholder="12"style="width:65px;margin-top:20px;margin-l">
                                页
                              </div>
                            </div> -->

                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="settings">
                        <div class="RightBoxBottom no-border" style="margin-top: 0px;">
                            <div class="TitleBox clearfix">
                                <div class="red pull-left"></div>
                                <div class="redTitle pull-left">
                                    教学案例
                                </div>
                                <span class="more">更多</span>
                            </div>
                            <div class="sizheng clearfix">
                                <ul>
                                    <!--<li class="clearfix">-->
                                    <!--<img src="../img/jx/timg1.jpeg" alt="" class="img-rounded pull-left">-->
                                    <!--<div class="pull-left right-list">-->
                                    <!--<p>马克思，恩格斯：共产党宣言</p>-->
                                    <!--<p class="small">-->
                                    <!--<span class="longsmall pull-left">中共中央政治局1月30日召开会议，听取和审议《中央政治局常委会听取和研究…</span>-->
                                    <!--<span class="pull-right" style="margin-left:50px;">浏览120次</span>-->
                                    <!--<span class="pull-right">2018-1-25</span>-->
                                    <!--</p>-->
                                    <!--</div>-->
                                    <!--</li>-->
                                    <!--<li class="clearfix">-->
                                    <!--<img src="../img/jx/timg1.jpeg" alt="" class="img-rounded pull-left">-->
                                    <!--<div class="pull-left right-list">-->
                                    <!--<p>马克思，恩格斯：共产党宣言</p>-->
                                    <!--<p class="small">-->
                                    <!--<span class="longsmall pull-left">中共中央政治局1月30日召开会议，听取和审议《中央政治局常委会听取和研究…</span>-->
                                    <!--<span class="pull-right" style="margin-left:50px;">浏览120次</span>-->
                                    <!--<span class="pull-right">2018-1-25</span>-->
                                    <!--</p>-->
                                    <!--</div>-->
                                    <!--</li>-->
                                    <!--<li class="clearfix">-->
                                    <!--<img src="../img/jx/timg1.jpeg" alt="" class="img-rounded pull-left">-->
                                    <!--<div class="pull-left right-list">-->
                                    <!--<p>马克思，恩格斯：共产党宣言</p>-->
                                    <!--<p class="small">-->
                                    <!--<span class="longsmall pull-left">中共中央政治局1月30日召开会议，听取和审议《中央政治局常委会听取和研究…</span>-->
                                    <!--<span class="pull-right" style="margin-left:50px;">浏览120次</span>-->
                                    <!--<span class="pull-right">2018-1-25</span>-->
                                    <!--</p>-->
                                    <!--</div>-->
                                    <!--</li>-->
                                    <!--<li class="clearfix">-->
                                    <!--<img src="../img/jx/timg1.jpeg" alt="" class="img-rounded pull-left">-->
                                    <!--<div class="pull-left right-list">-->
                                    <!--<p>马克思，恩格斯：共产党宣言</p>-->
                                    <!--<p class="small">-->
                                    <!--<span class="longsmall pull-left">中共中央政治局1月30日召开会议，听取和审议《中央政治局常委会听取和研究…</span>-->
                                    <!--<span class="pull-right" style="margin-left:50px;">浏览120次</span>-->
                                    <!--<span class="pull-right">2018-1-25</span>-->
                                    <!--</p>-->
                                    <!--</div>-->
                                    <!--</li>-->
                                    <!--<li class="clearfix">-->
                                    <!--<img src="../img/jx/timg1.jpeg" alt="" class="img-rounded pull-left">-->
                                    <!--<div class="pull-left right-list">-->
                                    <!--<p>马克思，恩格斯：共产党宣言</p>-->
                                    <!--<p class="small">-->
                                    <!--<span class="longsmall pull-left">中共中央政治局1月30日召开会议，听取和审议《中央政治局常委会听取和研究…</span>-->
                                    <!--<span class="pull-right" style="margin-left:50px;">浏览120次</span>-->
                                    <!--<span class="pull-right">2018-1-25</span>-->
                                    <!--</p>-->
                                    <!--</div>-->
                                    <!--</li>-->
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>

    <div class="bottom text-center">
        ©2018 技术部出品
    </div>
    <div id="videobox">
        <div id="video" style="width: 600px; height: 400px;"></div>
    </div>
</div>
<div class="other-footerDiv clearfix text-center">
    <div class="">
        <div class="ni-oneDiv">
            <p style="display: inline-block">版权所有 ©2017-2018浙江大学出版社</p>
        </div>
    </div>

    <div class="">
        <div class="ni-wordP">联系我们 电话：88273271 杭州市天目山路148号浙江大学出版社</div>
    </div>
</div>
<!--<video src="../img/1.mp4" controls="controls" style="display:none;" id="video">-->

<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/utilJs/pagejs.js"></script>
<script src="../js/utilJs/getMenu.js"></script>
<script type="text/javascript" src="../js/ckplayer.js" charset="UTF-8"></script>
<!-- <script>
  window.onload=function(){
      var a = document.getElementById("video");//获取div块对象
      var Height=document.documentElement.clientHeight;//取得浏览器页面可视区域的宽度
      var Width=document.documentElement.clientWidth;//取得浏览器页面可视区域的宽度
      var gao1 = a.offsetHeight;//获取div块的高度值
      var gao2 = a.offsetWidth;//获取div块的宽度值
      var Sgao1= (Height - gao1)/2+"px";
      var Sgao2= (Width - gao2)/2+"px";
      a.style.top=Sgao1;
      a.style.left=Sgao2;
  }
</script> -->
<script type="text/javascript">
    function Paly() {
        var videoObject = {
            //playerID:'ckplayer01',//播放器ID，第一个字符不能是数字，用来在使用多个播放器时监听到的函数将在所有参数最后添加一个参数用来获取播放器的内容
            container: '#video', //容器的ID或className
            variable: 'player', //播放函数名称
            loaded: 'loadedHandler', //当播放器加载后执行的函数
            loop: true, //播放结束是否循环播放
            //autoplay: true, //是否自动播放
            //duration: 500, //设置视频总时间
            cktrack: 'material/srt.srt', //字幕文件
            poster: 'material/poster.jpg', //封面图片
            preview: { //预览图片
                file: ['../material/mydream_en1800_1010_01.png', '../material/mydream_en1800_1010_02.png'],
                scale: 2
            },
            config: '', //指定配置函数
            debug: true, //是否开启调试模式
            //flashplayer: true, //强制使用flashplayer
            drag: 'start', //拖动的属性
            seek: 0, //默认跳转的时间
            //playbackrate:1,//默认速度的编号，只对html5有效,设置成-1则不显示倍速
            //advertisements:'website:ad.json',
            //front:'frontFun',//上一集的操作函数
            //next:'nextFun',//下一集的操作函数
            //广告部分开始
            adfront: 'http://www.ckplayer.com/yytf/swf/front001.swf,http://www.ckplayer.com/yytf/swf/front002.swf', //前置广告
            adfronttime: '15,15',
            adfrontlink: '',
            adpause: 'http://www.ckplayer.com/yytf/swf/pause001.swf,http://www.ckplayer.com/yytf/swf/pause002.swf',
            adpausetime: '5,5',
            adpauselink: '',
            adinsert: 'http://www.ckplayer.com/yytf/swf/insert001.swf,http://www.ckplayer.com/yytf/swf/insert002.swf',
            adinserttime: '10,10',
            adinsertlink: '',
            inserttime: '10,80',
            adend: 'http://www.ckplayer.com/yytf/swf/end001.swf,http://www.ckplayer.com/yytf/swf/end002.swf',
            adendtime: '15,15',
            adendlink: '',
            //广告部分结束
            promptSpot: [ //提示点
                {
                    words: '提示点文字01',
                    time: 30
                },
                {
                    words: '提示点文字02',
                    time: 150
                }
            ],
            //mobileCkControls:true,//是否在移动端（包括ios）环境中显示控制栏
            //live:true,//是否是直播视频，true=直播，false=点播
            video: [
                ['http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4', 'video/mp4', '中文标清', 0],
                ['http://img.ksbbs.com/asset/Mon_1703/d0897b4e9ddd9a5.mp4', 'video/mp4', '中文高清', 0],
                ['http://img.ksbbs.com/asset/Mon_1703/eb048d7839442d0.mp4', 'video/mp4', '英文高清', 10],
                ['http://img.ksbbs.com/asset/Mon_1703/d30e02a5626c066.mp4', 'video/mp4', '英文超清', 0]
            ]
        };
        var player = new ckplayer(videoObject);

        function loadedHandler() {
            player.addListener('error', errorHandler); //监听视频加载出错
            player.addListener('loadedmetadata', loadedMetaDataHandler); //监听元数据
            player.addListener('duration', durationHandler); //监听播放时间
            player.addListener('time', timeHandler); //监听播放时间
            player.addListener('play', playHandler); //监听暂停播放
            player.addListener('pause', pauseHandler); //监听暂停播放
            player.addListener('buffer', bufferHandler); //监听缓冲状态
            player.addListener('seek', seekHandler); //监听跳转播放完成
            player.addListener('seekTime', seekTimeHandler); //监听跳转播放完成
            player.addListener('volume', volumeChangeHandler); //监听音量改变
            player.addListener('full', fullHandler); //监听全屏/非全屏切换
            player.addListener('ended', endedHandler); //监听播放结束
            player.addListener('screenshot', screenshotHandler); //监听截图功能
            player.addListener('mouse', mouseHandler); //监听鼠标坐标
            player.addListener('frontAd', frontAdHandler); //监听前置广告的动作
            player.addListener('wheel', wheelHandler); //监听视频放大缩小
            player.addListener('controlBar', controlBarHandler); //监听控制栏显示隐藏事件
            player.addListener('clickEvent', clickEventHandler); //监听点击事件
            player.addListener('definitionChange', definitionChangeHandler); //监听清晰度切换事件
            player.addListener('speed', speedHandler); //监听加载速度
        }

        function errorHandler() {
            console.log('出错')
            changeText('.playerstate', '状态：视频加载错误，停止执行其它动作，等待其它操作');
        }

        function loadedMetaDataHandler() {
            var metaData = player.getMetaDate();
            //console.log(metaData)
            var html = ''
            //console.log(metaData);
            if (parseInt(metaData['videoWidth']) > 0) {
                changeText('.playerstate', '状态：获取到元数据信息，如果数据错误，可以使用延迟获取');
                html += '总时间：' + metaData['duration'] + '秒，';
                html += '音量：' + metaData['volume'] + '（范围0-1），';
                html += '播放器的宽度：' + metaData['width'] + 'px，';
                html += '播放器的高度：' + metaData['height'] + 'px，';
                html += '视频宽度：' + metaData['videoWidth'] + 'px，';
                html += '视频高度：' + metaData['videoHeight'] + 'px，';
                html += '视频原始宽度：' + metaData['streamWidth'] + 'px，';
                html += '视频原始高度：' + metaData['streamHeight'] + 'px，';
                html += '是否暂停状态：' + metaData['paused'];
            } else {
                changeText('.playerstate', '状态：未正确获取到元数据信息');
                html = '没有获取到元数据';
            }
            changeText('.metadata', html);
        }

        function playHandler() {
            //player.animateResume();//继续播放所有弹幕
            changeText('.playstate', getHtml('.playstate') + ' 播放');
            window.setTimeout(function () {
                loadedMetaDataHandler();
            }, 1000);
            loadedMetaDataHandler();
        }

        function pauseHandler() {
            //player.animatePause();//暂停所有弹幕
            changeText('.playstate', getHtml('.playstate') + ' 暂停');
            loadedMetaDataHandler();
        }

        function timeHandler(time) {
            changeText('.currenttimestate', '当前播放时间（秒）：' + time);
        }

        function durationHandler(duration) {
            changeText('.duration', '总时间（秒）：' + duration);
        }

        function seekHandler(state) {
            changeText('.seekstate', getHtml('.seekstate') + ' ' + state);
        }

        function seekTimeHandler(time) {
            changeText('.seekstate', getHtml('.seekstate') + ' seekTime:' + time);
        }

        function bufferHandler(buffer) {
            //console.log(buffer);
            changeText('.bufferstate', '缓冲：' + buffer);
        }

        function volumeChangeHandler(vol) {
            changeText('.volumechangestate', '当前音量：' + vol);
        }

        function speedHandler(n) {
            changeText('.speed', '当前加载速率：' + n);
        }

        function screenshotHandler(obj) {
            changeText('.screenshot', '图片名称：' + obj['name'] + ',截图对象：' + obj['object'] + ',是否用户保存：' + obj['save'] + ',图片：<img src="' + obj['base64'] + '">');
        }

        function fullHandler(b) {
            if (b) {
                html = ' 全屏';
            } else {
                html = ' 否';
            }
            changeText('.fullstate', getHtml('.fullstate') + html);

        }

        function endedHandler() {
            changeText('.endedstate', '播放结束');
        }

        function mouseHandler(obj) {
            changeText('.mouse', '鼠标位置，x：' + obj['x'] + '，y：' + obj['y']);
        }

        function frontAdHandler(status) {
            changeText('.frontad', getHtml('.frontad') + ' ' + status);
        }

        var zoomNow = 1;

        function wheelHandler(n) {
            if (n > 0) {
                if (zoomNow < 5) {
                    zoomNow += 0.1;
                }
            } else {
                if (zoomNow > 0) {
                    zoomNow -= 0.1;
                }
            }
            player.videoZoom(zoomNow);//支持鼠标滚轮控制放大缩小
        }

        function controlBarHandler(show) {
            if (show) {
                html = ' 显示';
            } else {
                html = ' 隐藏';
            }
            changeText('.controlBar', getHtml('.controlBar') + html);
        }

        function clickEventHandler(eve) {
            changeText('.clickEvent', getHtml('.clickEvent') + ' ' + eve);
        }

        function definitionChangeHandler(num) {
            changeText('.definitionChange', getHtml('.definitionChange') + ',切换清晰度编号' + num);
        }

        var videoChangeNum = 0;

        function seekTime() {
            var time = parseInt(player.getByElement('.seektime').value);
            var metaData = player.getMetaDate();
            var duration = metaData['duration'];
            if (time < 0) {
                alert('请填写大于0的数字');
                return;
            }
            if (time > duration) {
                alert('请填写小于' + duration + '的数字');
                return;
            }
            player.videoSeek(time);
        }

        function changeVolume() {
            var volume = player.getByElement('.changevolume').value;
            volume = Math.floor(volume * 100) / 100
            if (volume < 0) {
                alert('请填写大于0的数字');
                return;
            }
            if (volume > 1) {
                alert('请填写小于1的数字');
                return;
            }
            player.changeVolume(volume);
        }

        function changeSize() {
            player.changeSize(w, h)
        }

        function frontFun() {
            alert('点击了前一集');
        }

        function nextFun() {
            alert('点击了下一集');
        }

        function adjump() {
            alert('点击了跳过广告按钮');
        }

        function newVideo() {
            var videoUrl = player.getByElement('.videourl').value;
            changeVideo(videoUrl);
        }

        function newVideo2() {
            var videoUrl = player.getByElement('.videourl2').value;
            changeVideo(videoUrl);
        }

        function changeVideo(videoUrl) {
            if (player == null) {
                return;
            }

            var newVideoObject = {
                container: '#video', //容器的ID
                variable: 'player',
                autoplay: true, //是否自动播放
                loaded: 'loadedHandler', //当播放器加载后执行的函数
                video: videoUrl
            }
            //判断是需要重新加载播放器还是直接换新地址

            if (player.playerType == 'html5video') {
                if (player.getFileExt(videoUrl) == '.flv' || player.getFileExt(videoUrl) == '.m3u8' || player.getFileExt(videoUrl) == '.f4v' || videoUrl.substr(0, 4) == 'rtmp') {
                    player.removeChild();

                    player = null;
                    player = new ckplayer();
                    player.embed(newVideoObject);
                } else {
                    player.newVideo(newVideoObject);
                }
            } else {
                if (player.getFileExt(videoUrl) == '.mp4' || player.getFileExt(videoUrl) == '.webm' || player.getFileExt(videoUrl) == '.ogg') {
                    player = null;
                    player = new ckplayer();
                    player.embed(newVideoObject);
                } else {
                    player.newVideo(newVideoObject);
                }
            }
        }

        var elementTemp = null; //保存元件
        function newElement() {
            if (elementTemp != null) {
                alert('为了演示的简单性，本实例只能建立一个元件');
                return;
            }
            var attribute = {
                list: [ //list=定义元素列表
                    {
                        type: 'png', //定义元素类型：只有二种类型，image=使用图片，text=文本
                        file: 'material/logo.png', //图片地址
                        radius: 30, //图片圆角弧度
                        width: 30, //定义图片宽，必需要定义
                        height: 30, //定义图片高，必需要定义
                        alpha: 0.9, //图片透明度(0-1)
                        marginLeft: 10, //图片离左边的距离
                        marginRight: 10, //图片离右边的距离
                        marginTop: 10, //图片离上边的距离
                        marginBottom: 10, //图片离下边的距离
                        clickEvent: "link->http://www.ckplayer.com"
                    }, {
                        type: 'text', //说明是文本
                        text: '演示弹幕内容，弹幕只支持普通文本，不支持HTML', //文本内容
                        color: '0xFFDD00', //文本颜色
                        size: 14, //文本字体大小，单位：px
                        font: '"Microsoft YaHei", YaHei, "微软雅黑", SimHei,"\5FAE\8F6F\96C5\9ED1", "黑体",Arial', //文本字体
                        leading: 30, //文字行距
                        alpha: 1, //文本透明度(0-1)
                        paddingLeft: 10, //文本内左边距离
                        paddingRight: 10, //文本内右边距离
                        paddingTop: 0, //文本内上边的距离
                        paddingBottom: 0, //文本内下边的距离
                        marginLeft: 0, //文本离左边的距离
                        marginRight: 10, //文本离右边的距离
                        marginTop: 10, //文本离上边的距离
                        marginBottom: 0, //文本离下边的距离
                        backgroundColor: '0xFF0000', //文本的背景颜色
                        backAlpha: 0.5, //文本的背景透明度(0-1)
                        backRadius: 30, //文本的背景圆角弧度
                        clickEvent: "actionScript->videoPlay"
                    }
                ],
                x: 10, //元件x轴坐标，注意，如果定义了position就没有必要定义x,y的值了，x,y支持数字和百分比，使用百分比时请使用单引号，比如'50%'
                y: 50, //元件y轴坐标
                //position:[1,1],//位置[x轴对齐方式（0=左，1=中，2=右），y轴对齐方式（0=上，1=中，2=下），x轴偏移量（不填写或null则自动判断，第一个值为0=紧贴左边，1=中间对齐，2=贴合右边），y轴偏移量（不填写或null则自动判断，0=紧贴上方，1=中间对齐，2=紧贴下方）]
                alpha: 1, //元件的透明度
                backgroundColor: '0xFFDD00', //元件的背景色
                backAlpha: 0.5, //元件的背景透明度(0-1)
                backRadius: 60, //元件的背景圆角弧度
                clickEvent: "actionScript->videoPlay"
            }
            elementTemp = player.addElement(attribute);
        }

        function deleteElement() {
            if (elementTemp != null) {
                player.deleteElement(elementTemp);
                elementTemp = null;
            } else {
                alert('演示删除元件需要先添加');
            }
        }

        function newDanmu() {
            //弹幕说明

            var danmuObj = {
                list: [{
                    type: 'image', //定义元素类型：只有二种类型，image=使用图片，text=文本
                    file: 'material/logo.png', //图片地址
                    radius: 30, //图片圆角弧度
                    width: 30, //定义图片宽，必需要定义
                    height: 30, //定义图片高，必需要定义
                    alpha: 0.9, //图片透明度(0-1)
                    marginLeft: 10, //图片离左边的距离
                    marginRight: 10, //图片离右边的距离
                    marginTop: 10, //图片离上边的距离
                    marginBottom: 10, //图片离下边的距离
                    clickEvent: "link->http://"
                }, {
                    type: 'text', //说明是文本
                    text: '演示弹幕内容，弹幕只支持普通文本，不支持HTML', //文本内容
                    color: '0xFFDD00', //文本颜色
                    size: 14, //文本字体大小，单位：px
                    font: '"Microsoft YaHei", YaHei, "微软雅黑", SimHei,"\5FAE\8F6F\96C5\9ED1", "黑体",Arial', //文本字体
                    leading: 30, //文字行距
                    alpha: 1, //文本透明度(0-1)
                    paddingLeft: 10, //文本内左边距离
                    paddingRight: 10, //文本内右边距离
                    paddingTop: 0, //文本内上边的距离
                    paddingBottom: 0, //文本内下边的距离
                    marginLeft: 0, //文本离左边的距离
                    marginRight: 10, //文本离右边的距离
                    marginTop: 10, //文本离上边的距离
                    marginBottom: 0, //文本离下边的距离
                    backgroundColor: '0xFF0000', //文本的背景颜色
                    backAlpha: 0.5, //文本的背景透明度(0-1)
                    backRadius: 30, //文本的背景圆角弧度
                    clickEvent: "actionScript->videoPlay"
                }],
                x: '100%', //x轴坐标
                y: "50%", //y轴坐标
                //position:[2,1,0],//位置[x轴对齐方式（0=左，1=中，2=右），y轴对齐方式（0=上，1=中，2=下），x轴偏移量（不填写或null则自动判断，第一个值为0=紧贴左边，1=中间对齐，2=贴合右边），y轴偏移量（不填写或null则自动判断，0=紧贴上方，1=中间对齐，2=紧贴下方）]
                alpha: 1,
                //backgroundColor:'#FFFFFF',
                backAlpha: 0.8,
                backRadius: 30 //背景圆角弧度
            }
            var danmu = player.addElement(danmuObj);
            var danmuS = player.getElement(danmu);
            var obj = {
                element: danmu,
                parameter: 'x',
                static: true, //是否禁止其它属性，true=是，即当x(y)(alpha)变化时，y(x)(x,y)在播放器尺寸变化时不允许变化
                effect: 'None.easeOut',
                start: null,
                end: -danmuS['width'],
                speed: 10,
                overStop: true,
                pauseStop: true,
                callBack: 'deleteChild'
            };
            var danmuAnimate = player.animate(obj);
        }

        function deleteChild(ele) {
            if (player) {
                player.deleteElement(ele);
            }
        }

        function changeText(div, text) {
            player.getByElement(div).innerHTML = text;
        }

        function getHtml(div) {
            return player.getByElement(div).innerHTML;
        }

        var zoom = 1;
    }
    Paly();
</script>
<script type="text/javascript">
    $(".video").click(function () {
        $(".black").show();
        $("#videobox").show();
        Paly();
    });
    $(".close").click(function () {
        $("#videobox").hide();
        $(".black").hide();
        Paly();
        player.videoPause();

    })
</script>

</body>

</html>
